<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/u-reset.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="shortcut icon" href="./img/logo.png">
    <title>山西青少年美术协会</title>
</head>

<body>
    <header>
        <div class="h-left">
            <img src="./img/logo.png" alt="">
            <span>山西青少年美术协会</span>
        </div>
        <ul class="h-right">
            <li class="active"><a href="">首页</a></li>
            <li><a href="">展览展示</a></li>
            <li><a href="">协会简介</a></li>
            <li><a href="">美展报名</a></li>
            <li><a href="">新闻动态</a></li>
            <li><a href="">会员中心</a></li>
            <li><a href="">联系我们</a></li>
        </ul>
    </header>
    <div class="banner">
        <ul class="imgs">
            <li class="active"><img src="./img/background1.png" alt=""></li>
            <li><img src="./img/background2.webp" alt=""></li>
            <li><img src="./img/background3.webp" alt=""></li>
        </ul>
        <!-- <img src="./img/background.png" alt=""> -->
        <ul class="btns">
            <li class="activeBtn"></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <section class="news">
        <div class="title">
            <h2>NEWS</h2>
            <h3><span>新闻动态</span></h3>
        </div>
        <div class="news-con">
            <div class="con-up">
                <img src="./img/newstop.png" alt="">
                <div class="rewards">
                    <h3>短中篇金奖、超短篇金奖</h3>
                    <p>2023-02-20</p>
                    <article>为了吸引更多高校学生关注科幻文学，首届华为阅读科幻文学大赛上线以来，
                        华为校园千帆行科幻文学沙龙陆续走进天津大学、武汉大学、清华大学三所高校
                        邀请了科幻作家王晋康、郑军，科幻电影人严蓬、张译文等20多名科幻界名人现场展开
                        演讲进行了讨论。观众可以在此次线上展览中看到学所展现出的创造之路...</article>
                    <a href="" class="butt">
                        <span>READ MORE +</span>
                    </a>
                </div>
            </div>
            <ul class="con-down">
                <li>
                    <div class="text">
                        <h4>短中篇金奖、超短篇金奖</h4>
                        <p>2023-02-20</p>
                        <article class="hidden2">
                            为了吸引更多高校学生关注科幻文学，
                            首届华为阅读科幻文学大赛上线以来，华为校...
                        </article>
                    </div>
                    <img src="./img/news1.png" alt="">
                </li>
                <li>
                    <div class="text">
                        <h4>“新文艺”“新传播”系列分享会</h4>
                        <p>2023-02-20</p>
                        <article class="hidden2">
                            用好媒体 传播新艺术“新文艺 新传播
                            “系列分享会第三场培训活动即将召开北京文化...
                        </article>
                    </div>
                    <img src="./img/news2.png" alt="">
                </li>
                <li>
                    <div class="text">
                        <h4>人工智能 视觉艺术展</h4>
                        <p>2023-02-20</p>
                        <article class="hidden2">
                            生成环境是山西第一个人工智能视觉艺术
                            展采用了大量的VR仿真技术，给人带来身临...
                        </article>
                    </div>
                    <img src="./img/news3.png" alt="">
                </li>
                <li>
                    <div class="text">
                        <h4>爱迪艺高作品展</h4>
                        <p>2023-02-20</p>
                        <article class="hidden2">
                            山西爱迪国际学校，是中国唯一一所全英文讲授完全与国际接轨的
                            中外合作学校，伴随着科技快速发展的潮流，人们已经进入元宇宙
                            体验时代，为了让学生拥有更加先进、优质的展示平台，北京爱迪
                            国际学校使用最新的WEB3D技术，为学生举办一场虚拟线上展览，
                            利用平行展线出品的《回响》，为学生打造元宇宙世界的展示舞台。
                        </article>
                    </div>
                    <img src="./img/news4.png" alt="">
                </li>

            </ul>
        </div>
    </section>
    <section class="exhibit">
        <div class="title">
            <h2>EXHIBIT</h2>
            <h3><span>展览模块</span></h3>
        </div>
        <div class="img">
            <ol class="img-con">
                <li class="activeImg">
                    <div class="img-wrap"><img src="./img/exhibitleft.png" alt=""></div>
                    <div class="word">第十三届太原艺术巡回展</div>
                </li>
                <li>
                    <div class="img-wrap">
                        <img src="./img/exhibit1.webp" alt="">
                    </div>
                    <div class="word">第十三届太原艺术巡回展</div>
                </li>
                <li>
                    <div class="img-wrap">
                        <img src="./img/exhibit2.webp" alt="">
                    </div>
                    <div class="word">第十三届太原艺术巡回展</div>
                </li>
                <li>
                    <div class="img-wrap">
                        <img src="./img/exhibit3.webp" alt="">
                    </div>
                    <div class="word">第十三届太原艺术巡回展</div>
                </li>
            </ol>
        </div>

    </section>
    <div class="title">
        <h2>MEMBER</h2>
        <h3><span>会员中心</span></h3>
    </div>
    <section class="vip">
        <!-- <div class="vip-con">
            <ul class="works">
                
                <li><img src="./img/vip1.png" alt=""></li>
                <li>
                    <h3>至正国际线上拍卖作品</h3>
                    <article>
                        深圳至正国际拍卖有限公司是深圳至正文博集团下
                        属的一家综合性拍卖公司，从事文化艺术品拍卖群
                        珍芸萃线上交易平台经营活动为主，旨在通过拍卖
                        活动，旨在通过拍卖互动，进一步集聚全国、世...
                    </article>
                    <a href="">前去观看<i class="iconfont icon-arrows"></i></a>
                </li>
            </ul>
            <img src="./img/vip2.png" alt="" class="wright">
        </div> -->
        <div class="info">
            <h3>会员优秀作品</h3>
            <p>
                山西青美专注于提供线上艺术作品创展服务
            </p>
            <a href="">查看全部模块<i class="iconfont icon-arrows"></i></a>
            <div class="turn">
                <i class="iconfont icon-left"></i>
                <span>1/11</span>
                <i class="iconfont icon-right"></i>
            </div>
        </div>
        <div class="limit">
            <div class="swiper mySwiper vip-con">
                <div class="swiper-wrapper works">
                    <div class="swiper-slide">
                        <img src="./img/vip1.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <h3>至正国际线上拍卖作品</h3>
                        <article>
                            深圳至正国际拍卖有限公司是深圳至正文博集团下
                            属的一家综合性拍卖公司，从事文化艺术品拍卖群
                            珍芸萃线上交易平台经营活动为主，旨在通过拍卖
                            活动，旨在通过拍卖互动，进一步集聚全国、世...
                        </article>
                        <a href="">前去观看<i class="iconfont icon-arrows"></i></a>
                    </div>
                    <div class="swiper-slide">
                        <img src="./img/vip1.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="top">
            <ul class="aboutus">
                <li>关于我们</li>
                <li>展览</li>
                <li>协会简介</li>
                <li>新闻动态</li>
                <li>美展报名</li>
                <li>会员中心</li>
            </ul>
            <div class="contact">
                <h3>联系方式</h3>
                <p>联系人：张老师13653405282（微信同号）/15333617081</p>
                <p>邮 箱：sxsqmx@qq.com </p>
            </div>
            <div class="follw">
                <h3>关注我们</h3>
                <img src="./img/code.png" alt="">
            </div>
        </div>
        <div class="bottom">
            <span>
                晋ICP备15004157号-1 ICP证：晋B2-20214708
                Copyright（C）www.sxsqmx.com 山西青少年美术协会
            </span>
        </div>
    </footer>
    <script src="./js/swiper-bundle.min.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>